<template>
    <view class="page">
        <Header isTab> 消息 </Header>
        <div class="info">
            <div class="group">
                <div class="item fx">
                    <div class="icon">
                        <Nimg src="015.png" width="87" height="85" />
                    </div>
                    <div class="fx1">
                        <div class="bt fx">
                            <div class="wb">订单通知</div>
                            <div class="fx1"></div>
                            <div class="time">2022-09-00 09:20</div>
                        </div>
                        <div class="ms">退款完成通知</div>
                    </div>
                </div>
                <div class="item fx">
                    <div class="icon">
                        <Nimg src="016.png" width="87" height="85" />
                    </div>
                    <div class="fx1">
                        <div class="bt fx">
                            <div class="wb">系统通知</div>
                            <div class="fx1"></div>
                            <div class="time">2022-09-00 09:20</div>
                        </div>
                        <div class="ms">退款完成通知</div>
                    </div>
                </div>
            </div>
        </div>
        <custom-tab-bar active="xiaoxi"></custom-tab-bar>
    </view>
</template>

<script>
import $ from "@/common";
export default {
    data() {
        return {};
    },
    methods: {},
    onShow() {
        this.checkLogin(() => {
            
        });
    },
    onLoad() {},
};
</script>

<style lang="less" scoped>
.page {
    width: 100vw;
    height: 100vh;
    background: #fafafa;
}
.info {
    height: calc(100vh - 330rpx);
    border-top: 2rpx solid #f5f5f5;
}

.group {
    background: #fff;
    width: 680rpx;
    margin: 0 auto;
    margin-top: 33rpx;
    border-radius: 10rpx;
    .item {
        padding: 30rpx 20rpx;
        border-bottom: 2rpx solid #f5f5f5;
        .icon {
            margin-right: 20rpx;
        }
        color: #999;
        .bt {
            .wb {
                font-size: 28rpx;
                color: #333;
            }
        }
        .ms {
            margin-top: 10rpx;
        }
    }
}
</style>

